<!-- 1 定义组件模版 --> 
<template>
    <div class="childComponent">
 
         我是子元素
 
     
        <button type="button" @click="getluckyWords('吉祥如意，万事顺遂，身体健康，心想事成--使用方法触发')">拜年1</button>
        <button type="button" @click="$emit('get-lucky-words','吉祥如意，万事顺遂，身体健康，心想事成【直接触发事件】')">拜年2</button>
 
 
    </div>
 </template> 
 
 <!-- 2 定义组件逻辑 -->
 <script setup lang="ts" name="Child"> 
 import { ref   } from 'vue'			
 
 //定义事件
 const emit = defineEmits(['get-lucky-words'])
 
 function getluckyWords(words:string){
   //产生事件
   emit('get-lucky-words',words)
 }
 
 
 </script> 
  
 <!-- 3 定义样式 -->
 <style scoped> 
  
 </style>